﻿@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,hr{margin:0;padding:0}
body{font:12px/25px Tahoma,'Microsoft Yahei'; background:#006eff; color:#000;}
fieldset,img{border:0}
address,caption,cite,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
select,input,label,button,textarea{margin:0;padding:0;font-family:'Microsoft Yahei'}

/*通用*/
.wrap{width:1002px;margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right !important;}
.pr{position:relative;}.pa{position:absolute;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.vm{vertical-align:middle;}.vt{vertical-align:top;}.vb{vertical-align:bottom;}
.db{display:block;}.dib{-moz-inline-stack:inline-block;display:inline-block;*display:inline;*zoom:1;}
.fix{*zoom:1;}.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.el,.art_link a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.oh{overflow:hidden;*zoom:1;}
.mh{height:auto !important;height:464px;min-height:464px;}
.btn{cursor:pointer;}
.hidetext{font:0/0 a;letter-spacing:-9px;}
.cir{display:inline-block;width:0;height:0;overflow:hidden;}
.bor1{border:1px solid #ddd;}
.bor1_b{border-bottom:1px solid #ddd;}
.bor1_b_s{border-bottom:1px dotted #ababab;}
.red{color:#e60013 !important;}
.grey{background:#ededed!important;}
.p20{padding:20px;}.plr15{padding-left:15px;padding-right:15px;}.p10{padding:15px;}
.mt20{margin-top:20px;}.mt10{margin-top:10px;}
.plr25 { padding-left:25px; padding-right:25px;}
.pl20 {padding-left:20px;}
.pb25 { padding-bottom:25px;}
.pb35 { padding-bottom:35px;}
.mb20 { margin-bottom:20px;}
.lh2{line-height:2;}
.w680 { width:680px;}
.w220 { width:220px;}
.line { width:1px; height:14px; background:url(../images/ico.png) -99px -64px no-repeat; display:inline-block; overflow:hidden; margin:0px 12px; vertical-align:middle;}
.bwhite{background:#fff;}
.hide { display:none;}
/*======================common================================*/

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*display:inline-block;*zoom:100%;}
.clear{ clear:both; height:1px;font-size:1px; line-height:1px; overflow:hidden;}
a {color:#999;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{color:#f00;text-decoration:none;}
/*======================frame==========================*/
.header,.container,.footer{width:1002px; margin:0 auto; }


.HW{width:100%; height:215px;z-index:9999;background:url(../images/header_bg.jpg) no-repeat 50% 0; top:0px;}
.FW{width:100%; height:440px; background:#d81392 ;float:left;}
.CW{width:1002px;margin:0 auto; background:#fff;  min-height:700px;padding:20px 0 ; }

.HS {width:100%;background:url(../images/hs_bg.jpg) no-repeat 50% ; height:55px;}

.icon { margin:0 auto;width:1002px;}
.footer{}
.clear{ clear:both; font-size:0px; height:0; margin:0; padding:0; float:none;}
.incontent{margin:10px 0;}
.left{ float:left; width:250px;padding-left:0px;}
.right{ float:right; width:730px; padding-right:0px;margin-bottom:40px;padding-right:0px;padding-top:0px;}
.ileft{ float:left; width:660px;}
.iright{ float:right; width:305px; margin-left:10px;margin-right:30px;}
.input2,.txtInput {border:1px solid #ccc;width:150px;vertical-align:middle;height:16px;*height:16px;color:#333; }
.searchInput {border:1px solid #efefef;width:150px;vertical-align:middle;height:21px;*height:21px;border-right:0px;color:#ccc; }
.borderD3 {border-left:transparent solid 4px;  border-right:transparent solid 4px; border-top:#ffffff solid 4px;}


.mbtn {border:1px solid #ccc; background:#efefef;height:25px;width:100px;text-align:center;line-height:25px;margin-top:10px;}
.textarea { border:1px solid #ccc;height:100px;}

/*======================search==========================*/
.hsearch { width:1004px;height:55px;line-height:55px; margin:0 auto;background:url(../images/is_bg.jpg) no-repeat 50% 0;}
.hsearch .info {width:650px;float:left;text-align:left;line-height:55px;color:#fff;padding-left:20px; }
.hsearch .info a { color:#fff;}
.hsearch .info h4{ color:#fff;width: 80px;float: left;}
.isearch{margin-top: 10px; float:left; width:285px;background:url(../images/search_bg.jpg) no-repeat 0px 0px ; font-size:12px;line-height:28px;}
.isearch .navtext{border:0px solid #ccc; height:28px; line-height:28px;width:230px;padding-left:2px; color:#ccc;  background:none;float:left; }
.isearch .navsb{background:none; width:50px; height:28px;top:0px;border:0px solid #ccc; color:#fff;float:left;}

/*======================frame define==========================*/

.menu{ width:1000px;float:right;margin-top:0px;}
.menu .main{ width:100%; text-align:center;margin:0 auto;}
.menu li{float:left; text-align:center; font-size:14px;width:125px;}
.menu li span {display:inline-block;width:32px;height:3px;}
.menu li:nth-child(1)  span{ background:#00a6e9;}
.menu li:nth-child(2)  span{ background:#e3007a;}
.menu li:nth-child(3)  span{ background:#f86300;}
.menu li:nth-child(4)  span{ background:#2dca09;}
.menu li:nth-child(5)  span{ background:#0964ca;}
.menu li:nth-child(6)  span{ background:#0bb4c3;}
.menu li:nth-child(7)  span{ background:#2dca09;}
.menu li:nth-child(8)  span{ background:#0964ca;}
.menu li:nth-child(9)  span{ background:#0bb4c3;}
.menu li:nth-child(10)  span{ background:#2dca09;}
.menu li:nth-child(11)  span{ background:#0bb4c3;}


.topmenu a{color:#292929;font-weight:normal;  display:block;height:58px;line-height:58px;padding: 0 0px; margin-left:2px; text-transform:uppercase;font-size:16px;padding-top:0px;; }
.topmenu a:hover ,.topmenu a.current{color:#292929;}

.submenu{ position:absolute;display:none;margin-left:-48px; }
.submenu dd{text-align:center; float:left;border:1px solid #663524;padding:0 5px;margin:0 2px;background:#007d0f; filter:Alpha(opacity=65);opacity:0.65;    -moz-border-radius: 5px;     -webkit-border-radius: 5px;  border-radius:5px; }/* background:#000; filter:Alpha(opacity=65);opacity:0.65;*/
.submenu dd a{font-size:12px; width:100%;height:25px;line-height:25px; background-image:none; color:#fff;}
.submenu dd a:hover,.submenu dd a.current{color:#ff0;background-image:none;}


/*footer*/
.footer_nav {min-height:55px;background:url(../images/fnav_bg.jpg) no-repeat 50% bottom ;padding-top:30px;border-bottom:1px solid #f7d7f7; }
.footer_nav li { color:#fff;float:left;width:100px;border-right:0px dashed #ccc;height:295px;padding:0 1px;text-align:center;}
.footer_nav h3 a { color:#fff;width:100%;font-size:16px;font-weight:normal;padding-left:5px; }
.footer_nav h3 a:hover { color:#f00;}
.footer {color:#fff;text-align:left;line-height:30px;font-size:14px;}
.footer  a {color:#fff}
.footer dd a{color:#c9e9fc;}
.footer dd a:hover { color:#f00;}
.footer ._txt {width:1000px;height:40px;text-align:left;margin-top:27px;float:left;}
.footer .weixin {right:10px;top:30px; color:#c9e9fc;}
.footer .flogo {float:left;width:250px;height:130px; margin-top:30px;margin-left:80px;}
/*.footer ._txt p {width:500px;float:left;}
.footer ._txt span{width:300px;float:right;padding-right:30px;}*/
.footer .share {float:left;width: 250px;padding: 15px;}

.icontact { width:275px;height:235px;right:0px;top: 40px;}
.icontact .info {width:240px;margin:0 auto;padding-left:10px;color:#555;padding-top:15px;line-height:36px; }


/*========================内============================*/
.cornor { width:100%;color:#555;z-index:99999999; }
.cornor .ctopPage{ height:77px;width:201px;font: bold 16px 'Microsoft Yahei'; background: url(../images/page_li_bg.jpg) no-repeat ; color:#fff; line-height:77px;padding-left:48px;margin-left:0px;}
.cornor .ccontent{ text-align:center; min-height:150px;background:url(../images/page_c_bg.jpg) repeat-y;border:0px solid #ddd;border-top:none;}
.cornor .ccontent ul { width: 80%;margin: 0px auto;}
.cornor .ccontent li {line-height:40px;margin-left:0px;margin-bottom:0px;}
.cornor .ccontent li span { padding:0px  50px;  }
.cornor .ccontent li dd { line-height:26px;text-align: left;padding-left:35px;margin:  0;
background: #f9f9f9;border-bottom:0px dashed #eee;}
.cornor .ccontent li dd a { background:#f9f9f9;border:none;}
.cornor .ccontent li dd a.current, .cornor .ccontent li dd a:hover { background:#f9f9f9;color:#f00;}
.cornor .ccontent li  a{ display:inline-block; color:#555;  width:100%; text-decoration:none;text-align:left;background: url(../images/system/p_bz1.png)  no-repeat 30px 50% ;border-bottom:1px dashed #ddd; }
.cornor .ccontent li  a.current,.cornor .ccontent li   a:hover {color:#e60c7d;background:url(../images/system/p_bz1_h.png)  no-repeat 30px 50%; border-bottom:1px dashed #ddd; }
.cornor .ccbg {background:url(../images/page_b_bg.jpg) no-repeat 0 bottom;height:26px; }
.pcontact { float:left;margin-top:20px;}

/*page*/
.arrowlistmenu {width: 100%; z-index:10;text-align:left;padding:0px 0px 0 0px;min-height:500px;margin-top:0px;}
.arrowlistmenu .menuheader:hover,.menuheader a.current {color:#cb0e6f;display:block;}
.arrowlistmenu .menuheader { font: bold 14px 'Microsoft Yahei';  text-transform: uppercase;   cursor: pointer;}
.arrowlistmenu .openheader{display:block;  }

.arrowlistmenu {padding-left:10px; padding-bottom: 2px; background:#ecf7f7;border:1px solid #d9e8e8;min-height:150px;width:248px;}
.arrowlistmenu  a {font: bold 12px 'Microsoft Yahei'; background: url(../images/system/li_bz.png) no-repeat 15px 15px;  font-weight:normal; border:1px solid #ecf7f7; display: block; padding: 2px 0;padding-left:25px; width:220px; line-height:35px;  text-align:left; }
.arrowlistmenu  a:visited { color: #999;  text-decoration:none;}
.arrowlistmenu  a:hover,.arrowlistmenu ul li a.current,.menuheader a.current{ color: #f00;display:block;background: url(../images/system/li_bz_h.png) no-repeat 15px 15px #fff ; width:210px;border:1px solid #ecf7f7; }
.categoryitems a:hover, .categoryitems a.current {border:0px solid #fff; width:180px;}
.arrowlistmenu ul {  list-style-type: none; margin: 0; padding: 0; margin-left: 15px; }
.arrowlistmenu ul a {border:0px solid #e0e8d9;}
/*页面导航*/
.urlHere{ height:53px;line-height:53px;text-align:right;color:#999;background: url(../images/urlHere_bz.jpg) no-repeat 0 65%; padding-right:17px;border-bottom:1px solid #ddd;margin:0 auto;margin-bottom: 15px; }
.urlHere p{font-size:  18px ; float:left;padding-left:20px;padding-top:0px; line-height:60px;text-transform:uppercase; color:#555;text-align: left;}
.urlHere a{ color:#555;text-decoration:none;}
.urlHere span { font-size:16px;color:#ccc;}

/*单页*/
.pagecontent  img{float:right;}
.pagecontent {padding:20px; min-height:600px; width:94%;float:left;border:0px solid #262626;}
.register {width:260px;height:300px; margin:0 auto;}
.register .title{text-align:center;float:none; font-size:16px;height:60px;line-height:60px;}
.register  li{line-height:30px;height:30px;float:right;}
.register .submit {padding:20px 80px 10px 10px;}

.top {padding-top:10px; float:left;width:920px;margin-left:15px;}
.top .title{height:45px;float:left;width:100%}
.top .content{ float:left; display:inline; padding:15px 5px 30px 0px; }

/*新闻列表*/
.newlist{padding:5px 7px;float:left;width:98%;min-height:500px;}
.newlist li { line-height: 35px; border-bottom: 1px dashed #444; min-height: 35px; width:100% }
.newlist li i{ float:right;width:80px;color:#555;}
.newcontent{float:left;  padding:10px 10px; text-align:center; width:97%;}
.newcontent h3{ font-size:16px; color:#555; margin:5px 0}
.newcontent .date_i { color:#555;}
.newcontent .content{line-height:22px; color:#555;min-height:350px; text-align:left;border-top:1px dashed #555;padding-top:20px;}
.newcontent .p_n_b{ margin-top:10px;float:left;text-align:left; color:#555;}

.pro_title { background:#191919;border:1px solid #252525;text-align:left;}

/*产品*/
.productlist {  min-height:850px; *min-height:480px;text-align:center; }
.productlist li{ float:left; margin:10px 10px }
.productlist li .pic{text-align:center; border:1px solid #ddd}
.productlist li .pic:hover{border:1px solid #ffcc00}
.productlist li .info{color:#555;LINE-HEIGHT: 35px;height:35px;margin-bottom:5px;}
    .productlist li .info a { color:#555;display:block;}
    .productlist li .info a:hover,.productlist li .info:hover { color:#f00;}
/*留言*/
.commentform h3{ font-size:22px; color:#646464; margin:5px 0}
.commentform .content{ background:#fff;padding:20px 1px 20px 20px;}
.apay{background:url(an1.jpg) no-repeat; width:90px; height:20px; display:block; line-height:18px; text-align:center; font-weight:bold; color:#fff;}
a.apay:hover{color:#fff;}
.bk1 {	BORDER-BOTTOM: #ebebeb 1px solid;}
.bk2 {	BORDER-RIGHT: #ebebeb 1px solid}
.td_L {text-align:center;width:100px; font-weight:bold;}
.tdR {text-align:left;width:450px;padding-left:5px;}
.jobli{ margin-bottom:25px; text-align:left;}

.backt {background:url(../images/title1.gif) no-repeat;}
.backc {background:url(../images/title2.gif) repeat-y;}
.backb {background:url(../images/title3.gif) no-repeat;}


/*message box*/
.msgbox {padding: 3em 10em 3em !important;background:url(images/right.gif) no-repeat 4em 4em;font-size:12px;font-weight:400;min-height:160px;} 
.msgbox{padding:0.1em;width:400px;margin:15px auto;background:none;} 
.msgbox h1{line-height:26px;margin-bottom: 1em;font-weight:700;font-size:14px;} 
.msg_inner{background:url(images/right.gif) no-repeat 0 50%;padding-left:4em;height:auto!important;height:60px;min-height:60px;} 
.msgbox p {margin: 1.5em 0;} 
.msgbox a {color: #069; } 
.error_msg{background:url(images/error.gif) no-repeat 0 50%;} 

/*登录*/
.viewForm { min-height:200px;}
.viewForm  td{ line-height:32px }

/**/
.joblist { float:left; background:#fff;padding:10px;}

.photolist{padding:0 20px;min-height:600px;}
.photolist li{ float:left; width:230px;text-align: center;margin-bottom: 10px;line-height: 35px;}

/*tab*/
    .dis { display: block; }
    .undis { display: none; }
  

.itab { float:left;min-height: 120px;width:100%;top:-86px;z-index:99999;font-weight:normal} 


.link { width:95%;margin:20px auto;line-height:45px;padding-left: 0px;}
.link img { vertical-align:middle;}
.link h3 { height:60px;line-height:60px;color:#ccc;font-size:16px;}